Contextually dim the spinbutton button color a little bit.
background-image: none;
border-style: none none none solid;
border-color: transparentize($borders_color,0.7);
- color: mix($fg_color,$base_color,95%);
+ color: mix($fg_color, $base_color,90%);
border-radius: 0;
box-shadow: none;
// padding-left: 6px;
background-color: transparentize(black,0.9);
}
&:backdrop {
+ color: mix($backdrop_fg_color, $backdrop_base_color, 90%);
border-color: transparentize($backdrop_borders_color,0.7);
background-color: transparent;
}
background-image: none;
border-style: none none none solid;
border-color: rgba(28, 31, 31, 0.3);
- color: #e4e4e2;
+ color: #dadad8;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
.spinbutton .button:backdrop {
+ color: #b9bbb9;
border-color: rgba(30, 34, 34, 0.3);
background-color: transparent; }
.spinbutton .button:backdrop:insensitive {
background-image: none;
border-style: none none none solid;
border-color: rgba(161, 161, 161, 0.3);
- color: #383e40;
+ color: #42484a;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
.spinbutton .button:backdrop {
+ color: #64696a;
border-color: rgba(168, 168, 168, 0.3);
background-color: transparent; }
.spinbutton .button:backdrop:insensitive {